<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>test</title>
	</head>
	<body>
		<button>Get请求</button>
		<button>Post请求</button>
		
		
		
		<script type="text/javascript">
			//Get请求模板
			var bget=document.querySelectorAll("button")[0]//得到第一个button
			bget.addEventListener("click",function(e){	//添加点击事件	
				//创建XMLHttpRequest()对象
				var xhr=new XMLHttpRequest();	
				//2.添加状态改变的回调函数
				xhr.onreadystatechange=function(){
					
//				console.log(xhr.status)
//				console.log(xhr.statusText)
//				console.log(xhr.readyState)			
//				console.log(xhr.getAllResponseHeaders())
				
				
					//5.判断请求状态为4
					console.log(xhr.readyState);
					if(xhr.readyState==4){
						//6.判断响应状态码
						if(xhr.status>=200&&xhr.status<=300||xhr.status==304){
							alert(1111);
							console.log(xhr.response);
						}
					}
				}
				//3.打开连接设置请求方式和url
				xhr.open("GET","http://192.168.2.57:3008/api/student/getStudent")
				//4.发送请求
				xhr.send();
			})
			//bget.onclick=function(e) {} 给按钮添加事件
		
		
		//POST请求模板
			var bpost=document.querySelectorAll("button")[1]//得到第二个button
			bpost.addEventListener("click",function(e){	//添加点击事件	
				//创建XMLHttpRequest()对象
				var xhr=new XMLHttpRequest();			
				//2.添加状态改变的回调函数
				xhr.onreadystatechange=function(){
					//5.判断请求状态为4
					
					if(xhr.readyState==4){
						//6.判断响应状态码
						if(xhr.status>=200&&xhr.status<=300||xhr.status==304){
							alert(222);
							console.log(xhr.response);
						}
					}
				}
				//3.打开连接设置请求方式和url
				xhr.open("POST","http://192.168.2.57:3008/api/student/removeStudent")
				//4.设置请求内容 格式为表单格式（）
				xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
				
				
				//4.发送请求和传递数据
				xhr.send("hhhhhhHhhh哈哈哈哈哈哈哈哈哈");
			})
		
		
		</script>
		
		
	</body>
</html>
